/***********************************************************************************
 * X2Engine Open Source Edition is a customer relationship management program developed by
 * X2 Engine, Inc. Copyright (C) 2011-2019 X2 Engine Inc.
 * 
 * This program is free software; you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License version 3 as published by the
 * Free Software Foundation with the addition of the following permission added
 * to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
 * IN WHICH THE COPYRIGHT IS OWNED BY X2ENGINE, X2ENGINE DISCLAIMS THE WARRANTY
 * OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
 * 
 * This program is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more
 * details.
 * 
 * You should have received a copy of the GNU Affero General Public License along with
 * this program; if not, see http://www.gnu.org/licenses or write to the Free
 * Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
 * 02110-1301 USA.
 * 
 * You can contact X2Engine, Inc. P.O. Box 610121, Redwood City,
 * California 94061, USA. or at email address contact@x2engine.com.
 * 
 * The interactive user interfaces in modified source and object code versions
 * of this program must display Appropriate Legal Notices, as required under
 * Section 5 of the GNU Affero General Public License version 3.
 * 
 * In accordance with Section 7(b) of the GNU Affero General Public License version 3,
 * these Appropriate Legal Notices must retain the display of the "Powered by
 * X2 Engine" logo. If the display of the logo is not reasonably feasible for
 * technical reasons, the Appropriate Legal Notices must display the words
 * "Powered by X2 Engine".
 **********************************************************************************/




/*
 * Action History specific styling page. 
 * the font-awesome play button is generated here.
 *
 */
@import "standards";
@import "colors";
@import "font-awesome";
@import "x2-icons";
@import "icons";

.action.list-view .view {
    overflow: auto;
    border-bottom: 1px solid #F5F5F5;
    &:last-child {
        border-bottom: none;
    }
}
.icon.overdue:before {
    content: "\f144";
}
.action.list-view {
    .history-content-container {
        width: auto;
        padding-left: 50px;
    }

    .header {
        a {
            font-weight: normal;
        }
        display: block;
        overflow: auto;
        padding: 2px 5px 2px 0;
        color: #666;
        font-weight: bold;
        @include border-radius(0 4px 0 0);
    }

    .buttons {
        float: right;
    }
    .description {
        color: #555555;
        padding: 0 0 5px 0;
    }
    .footer {
        color: #666;
        padding: 2px 5px;
        padding-left: 0;
        font-size: 11px;
    }
    .icon {
        content: "";
    }
    .icon {
        position: relative;
        display: block;
        float: left;
        height: 55px;
        width: 50px;

        text-align: center;

        font-size: 35px;
        color: $darkBlue;
        /* @theme color link */

        // background: url(../images/actions.png) 0 0px no-repeat transparent;

        &:before {
            font-size: 30px !important;
            visibility: hidden;
        }

        &.action-index {
            display: block;
            float: left;
            height: 40px;
            margin-left: -30px;
            margin-top: 20px;
            width: 30px;
            /*     border: 1px solid #F5F5F5;
                    border-width: 1px 0 0 1px; */
            @include border-radius(4px 0 0 0)
        }
        &.uncomplete-box {
            background: url(../images/icons/Blue_box.png) 0 0px no-repeat transparent;
        }
        &.checkmark-overlay {
            margin-top: -2px;
            margin-left: -1px;
            background: url(../images/icons/Complete.png) 0 0px no-repeat transparent;
        }
    }
}

.action.list-view .items span.empty {
    padding: 10px;
    display: block;
}

.action.list-view div.date-box {
    margin: 5px 5px 5px 5px;
}

